{% extends "scm/base.html" %}
{% block content %}
<div class="container-fluid">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <div><h3>Tender {{ tender.tender_no }}</h3><div class="text-muted">PR {{ tender.pr.pr_no }} — {{ tender.pr.pr_title }}</div></div>
    <a href="{% url 'tender_list' %}" class="btn btn-secondary">Back to Tender Register</a>
  </div>

  <div class="card mb-3">
    <div class="card-header">Tender Status</div>
    <div class="card-body">
      <div class="row">
        <div class="col-md-3"><strong>Status</strong><div>{{ tender.status }}</div></div>
        <div class="col-md-3"><strong>Initiated By</strong><div>{{ tender.initiated_by }}</div></div>
        <div class="col-md-3"><strong>Initiated At</strong><div>{{ tender.initiated_at|date:"d-m-Y H:i" }}</div></div>
        <div class="col-md-3"><strong>PR</strong><div>{{ tender.pr.pr_no }}</div></div>
      </div>
      {% if tender.status == "AWARDED" %}
      <hr><div class="alert alert-success mb-0">Award approved by {{ tender.president_name }} on {{ tender.president_approval_date|date:"d-m-Y" }}. Winning vendor: {{ recommended_bid.vendor_name }}</div>
      {% elif tender.status == "PENDING PRESIDENT" %}
      <hr><div class="alert alert-warning mb-0">Award recommendation is waiting for President approval.</div>
      {% endif %}
    </div>
  </div>

  {% if is_lead_buyer and tender.status == "BIDDING" or is_lead_buyer and tender.status == "EVALUATION" %}
  <div class="card mb-3">
    <div class="card-header">Record Vendor Quotation & Evaluation</div>
    <div class="card-body">
      <form method="post">
        {% csrf_token %}<input type="hidden" name="action" value="save_bid">
        <div class="row g-3">
          <div class="col-md-6"><label class="form-label">Vendor *</label>
            <select name="vendor_code" class="form-select" required>
              <option value="">Select vendor...</option>
              {% for v in vendors %}<option value="{{ v.vendorcode }}">{{ v.vendorcode }} — {{ v.vendorname }}</option>{% endfor %}
            </select>
          </div>
          <div class="col-md-3"><label class="form-label">Quotation No.</label><input class="form-control" name="quotation_no"></div>
          <div class="col-md-3"><label class="form-label">Quotation Date</label><input class="form-control" type="date" name="quotation_date"></div>
          <div class="col-md-2"><label class="form-label">Currency</label><select name="currency" class="form-select"><option>USD</option><option>IDR</option></select></div>
          <div class="col-md-5"><label class="form-label">Payment Terms</label><input class="form-control" name="payment_terms" placeholder="e.g. 30 days"></div>
          <div class="col-md-5"><label class="form-label">Delivery Terms</label><input class="form-control" name="delivery_terms" placeholder="e.g. delivered to warehouse"></div>
          <div class="col-md-3"><label class="form-label">Delivery Date</label><input class="form-control" type="date" name="delivery_date"></div>
          <div class="col-md-3"><label class="form-label">Technical Result</label><select name="technical_result" class="form-select"><option value="PENDING">Pending</option><option value="PASS">Pass</option><option value="FAIL">Fail</option></select></div>
          <div class="col-md-6"><label class="form-label">Technical Evaluation Remarks</label><input class="form-control" name="technical_remarks"></div>
          <div class="col-md-3"><label class="form-label">Commercial Result</label><select name="commercial_result" class="form-select"><option value="PENDING">Pending</option><option value="PASS">Pass</option><option value="FAIL">Fail</option></select></div>
          <div class="col-md-9"><label class="form-label">Commercial Evaluation Remarks</label><input class="form-control" name="commercial_remarks"></div>
        </div>
        <hr><h6>Quoted Unit Price by PR Line</h6>
        <div class="table-responsive"><table class="table table-bordered table-sm"><thead><tr><th>Line</th><th>KIMAP</th><th>Description</th><th>Qty</th><th>UOM</th><th>Quoted Unit Price</th></tr></thead><tbody>
        {% for d in pr_details %}<tr><td>{{ d.line_no }}</td><td>{{ d.kimap }}</td><td>{{ d.description }}</td><td>{{ d.quantity }}</td><td>{{ d.uom }}</td><td><input class="form-control form-control-sm" type="number" name="unit_price_{{ d.id }}" min="0" step="0.0001" value="0" required></td></tr>{% empty %}<tr><td colspan="6">No PR detail lines found.</td></tr>{% endfor %}
        </tbody></table></div>
        <button class="btn btn-primary" type="submit">Save Quotation & Evaluation</button>
      </form>
    </div>
  </div>
  {% endif %}

  <div class="card mb-3"><div class="card-header">Vendor Bids / Evaluation Comparison</div><div class="card-body">
    <div class="table-responsive"><table class="table table-bordered align-middle"><thead><tr><th>Vendor</th><th>Quotation</th><th>Currency</th><th>Total</th><th>Technical</th><th>Commercial</th><th>Delivery</th><th>Status</th><th>Line Detail</th></tr></thead><tbody>
    {% for b in bids %}<tr>
      <td>{{ b.vendor_code }} — {{ b.vendor_name }}</td><td>{{ b.quotation_no }}<br>{{ b.quotation_date|date:"d-m-Y" }}</td><td>{{ b.currency }}</td><td class="text-end">{{ b.total_amount|floatformat:2 }}</td>
      <td>{{ b.technical_result }}<br><small>{{ b.technical_remarks }}</small></td><td>{{ b.commercial_result }}<br><small>{{ b.commercial_remarks }}</small></td><td>{{ b.delivery_date|date:"d-m-Y" }}<br><small>{{ b.delivery_terms }}</small></td><td>{{ b.status }}</td>
      <td><details><summary>View prices</summary><ul>{% for line in b.details.all %}<li>{{ line.description }} — {{ line.quantity }} {{ line.uom }} × {{ line.unit_price|floatformat:2 }} = {{ line.amount|floatformat:2 }}</li>{% endfor %}</ul></details></td>
    </tr>{% empty %}<tr><td colspan="9" class="text-center">No quotations recorded.</td></tr>{% endfor %}
    </tbody></table></div>
  </div></div>

  {% if is_lead_buyer and tender.status == "EVALUATION" %}
  <div class="card mb-3"><div class="card-header">Recommend Award Winner</div><div class="card-body">
    <form method="post" class="row g-3">{% csrf_token %}<input type="hidden" name="action" value="recommend_award">
      <div class="col-md-5"><label class="form-label">Eligible bidder *</label><select class="form-select" name="bid_id" required><option value="">Select qualified bidder...</option>{% for b in bids %}{% if b.technical_result == "PASS" and b.commercial_result == "PASS" %}<option value="{{ b.id }}">{{ b.vendor_name }} — {{ b.currency }} {{ b.total_amount|floatformat:2 }}</option>{% endif %}{% endfor %}</select></div>
      <div class="col-md-7"><label class="form-label">Recommendation / Justification</label><input class="form-control" name="award_remarks" value="{{ tender.award_remarks }}"></div>
      <div class="col-12"><button class="btn btn-primary" type="submit">Submit Award Recommendation to President</button></div>
    </form>
  </div></div>
  {% endif %}

  {% if is_president and tender.status == "PENDING PRESIDENT" %}
  <div class="card mb-3"><div class="card-header">President Award Decision</div><div class="card-body">
    {% if recommended_bid %}<p><strong>Recommended vendor:</strong> {{ recommended_bid.vendor_name }} — {{ recommended_bid.currency }} {{ recommended_bid.total_amount|floatformat:2 }}</p>{% endif %}
    <p><strong>Justification:</strong> {{ tender.award_remarks|default:"—" }}</p>
    <form method="post" action="{% url 'tender_president_decision' tender.id %}" class="d-flex flex-wrap gap-2">{% csrf_token %}
      <button class="btn btn-success" name="decision" value="approve" type="submit" onclick="return confirm('Approve this award recommendation?')">Approve Award</button>
      <input class="form-control" style="max-width:420px" name="rejection_remarks" placeholder="Reason if rejecting">
      <button class="btn btn-danger" name="decision" value="reject" type="submit" onclick="return confirm('Reject this award recommendation?')">Reject Award</button>
    </form>
  </div></div>
  {% endif %}
</div>
{% endblock %}